<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="shortcut ico"  href="images/zimei.ico">
<title>分类</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<script src="js/screenresize.js"></script>
<link rel="stylesheet" href="css/reset.css">
<link href="css/common.css" rel="stylesheet">
<link rel="stylesheet" href="css/iconfont.css">
<link rel="stylesheet" href="css/classify.css">
</head>
<body>
<!-- header 开始 -->
    <header>
        <form action="">
            <input type="text" placeholder="护肤用品">
            <i class="iconfont icon-sousuo-sousuo"></i>
        </form>
    </header>
<!-- header 结束 -->
<!-- all 开始 -->
    <div class="all container">
        <div class="allTop">
            <p>全部内容</p>
        </div>
    </div>
<!-- all 结束 -->
<!-- classify 开始 -->
    <div class="classify container">
        <ul>
            <li>
                <a href="make.html">
                    <img src="images/classify-newgood.png" alt="">
                    <h3>推荐品牌</h3>
                    <p>新品为你推荐<i class="iconfont icon-dayuhao"></i></p>
                </a>
            </li>
             <li>
                <a href="make.html">
                    <img src="images/classify-hot1.png" alt="">
                    <h3>护肤</h3>
                    <p>女神保养秘笈<i class="iconfont icon-dayuhao"></i></p>
                </a>
            </li>
             <li>
                <a href="make.html">
                    <img src="images/classify-hot2.png" alt="">
                    <h3>彩妆</h3>
                    <p>妆点冬天<i class="iconfont icon-dayuhao"></i></p>
                </a>
            </li>
             <li>
                <a href="make.html">
                    <img src="images/classify-people.png" alt="">
                    <h3>个人护理</h3>
                    <p>爱自己 懂得护理<i class="iconfont icon-dayuhao"></i></p>
                </a>
            </li>
             <li>
                <a href="make.html">
                    <img src="images/classify-xiangfen.png" alt="">
                    <h3>香氛</h3>
                    <p>迷人魅力神器<i class="iconfont icon-dayuhao"></i></p>
                </a>
            </li>
             <li>
                <a href="make.html">
                    <img src="images/classify-man.png" alt="">
                    <h3>男士专区</h3>
                    <p>唤醒你的皮肤<i class="iconfont icon-dayuhao"></i></p>
                </a>
            </li>
             <li>
                <a href="make.html">
                    <img src="images/classify--attention.png" alt="">
                    <h3>专注功效</h3>
                    <p>扫除烦恼做自己<i class="iconfont icon-dayuhao"></i></p>
                </a>
            </li>
             <li>
                <a href="make.html">
                    <img src="images/classify-luxury.png" alt="">
                    <h3>奢品美妆</h3>
                    <p>留住你的美<i class="iconfont icon-dayuhao"></i></p>
                </a>
            </li>
             <li>
                <a href="make.html">
                    <img src="images/classify-pinpai.png" alt="">
                    <h3>品牌特惠</h3>
                    <p>大牌不容错过<i class="iconfont icon-dayuhao"></i></p>
                </a>
            </li>
        </ul>
    </div>
<!-- classify 结束 -->
<!-- guess 开始 -->
    <div class="guess">
        <p>猜你喜欢</p>
    </div>
<!-- guess 结束 -->
<div class="guessGoods container">
    <ul>
        <li>
            <a href="orderDetail.html">
                <img src="images/classify-guess1.png" alt="">
                <h3>【兰蔻大粉水】兰蔻清滢柔肤水400ml</h3>
                <div class="clearfix">
                    <div class="price"><i class="iconfont icon-qian-copy"></i>295
                    </div>
                    <div class="record fr">
                        <del><i class="iconfont icon-qian-copy">420</i></del>
                        <i class="iconfont icon-shuxian shuxian">销量</i>
                        <span>174</span>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="orderDetail.html">
                <img src="images/classify-guess2.png" alt="">
                <h3>【御用发油】爱茉莉橄榄蜂蜜护发油</h3>
                <div class="clearfix">
                    <div class="price"><i class="iconfont icon-qian-copy"></i>59
                    </div>
                    <div class="record fr">
                        <del><i class="iconfont icon-qian-copy">198</i></del>
                        <i class="iconfont icon-shuxian shuxian">销量</i>
                        <span>12</span>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="orderDetail.html">
                <img src="images/classify-guess3.png" alt="">
                <h3>【兰蔻大粉水】兰蔻清滢柔肤水400ml</h3>
                <div class="clearfix">
                    <div class="price"><i class="iconfont icon-qian-copy"></i>295
                    </div>
                    <div class="record fr">
                        <del><i class="iconfont icon-qian-copy">420</i></del>
                        <i class="iconfont icon-shuxian shuxian">销量</i>
                        <span>174</span>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="orderDetail.html">
                <img src="images/classify-guess4.png" alt="">
                <h3>【御用发油】爱茉莉橄榄蜂蜜护发油</h3>
                <div class="clearfix">
                    <div class="price"><i class="iconfont icon-qian-copy"></i>59
                    </div>
                    <div class="record fr">
                        <del><i class="iconfont icon-qian-copy">198</i></del>
                        <i class="iconfont icon-shuxian shuxian">销量</i>
                        <span>12</span>
                    </div>
                </div>
            </a>
        </li>
    </ul>
</div>
<!-- footer 开始 -->
    <footer>
        <ul>
            <li>
                <a href="index.html">
                    <i class="iconfont icon-shouyeshouye"></i>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="classify.html">
                    <i class="iconfont icon-fenlei"></i>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="find.html">
                    <i class="iconfont icon-faxian"></i>
                    <p>发现</p>
                </a>
            </li>
            <li>
                <a href="shoppingCar.html">
                    <i class="iconfont icon-gouwuche"></i>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="myCenter.html">
                    <i class="iconfont icon-iconfontwode"></i>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </footer>
<!-- footer 结束 -->
</body>
</html>